<div class="content content-thread content-addstream" id="content-addstream">
    <div class="wrap-block source-block" style="color: black">
        <h4>DEFINE YOUR KEYWORDS</h4>

        <div class="nav">
            <div class="pill select" id="basic-query">
                Basic query
            </div>
            <div class="pill" id="advance-query" style="float:right">
                Advance query
            </div>
        </div>

        <div id="basic-div" class="">
            <p>Have all of these words</p>
            <input id="query-all" type="text"></input>
            <span>Use a comma to split multiple search terms</span>

            <p>Have any of these words</p>
            <input id="query-any" type="text"></input>
            <span>Use a comma to split multiple search terms</span>

            <p>Doesn't have these words</p>
            <input id="query-none" type="text"></input>
            <span>Use a comma to split multiple search terms</span>
        </div>

        <div id="advance-div" class="hide">
            <p>Advance Query</p>
            <textarea id="query-adv" name=""></textarea>
        </div>			
    </div>

    <div class="wrap-block source-block" style="color: black">
        <h4>FILTERS AND SOURCES</h4>

        <!-- <h5>Fillter your stream</h5> -->

        <p>Choose a default Language</p>
        <select name="" id="language-addstream">
            <option value="0">All languages</option>
            <option value="2">Vietnamese</option>
        </select>
        <span>You'll see mentions only from this language</span>

        <p>Choose a default Location</p>
        <select name="" id="location-addstream">
            <option value="">All Location</option>
        </select>
        <span>You'll see mentions only from this location</span>
        
        <p>Choose a default Platform</p>
        <select name="" id="platform-addstream">
            <option value="0">All platforms</option>
            <option value="1">Forum</option>
            <option value="2">News</option>
            <option value="3">Blog</option>
            <option value="4">Facebook</option>
            <option value="5">Twitter</option>
            <option value="6">Youtube</option>
            <option value="7">Ads</option>
        </select>
        <span>You'll see mentions only from this platform</span>

        <!-- <h5>Additional Source</h5> -->

        <p>The url of the source</p>
        <div class="frame"><input type="text" class="url-source"></input><button id="addsource-button" style="position: absolute;"><i class="ub ub-plus"></i></button></div>
        <div class="source-bar hide" id="source-bar">
            <div class="source-zone source-zone-hide">
                <div class="source threedot hide"><div class="name"><i class="fa fa-sort"></i></div></div>
            </div>
        </div>
    </div>

    <div class="wrap-block source-block" style="color: black">
        <h4>FINAL DETAILS</h4>

        <p>Name this stream</p>
        <input type="text" id="stream-name"></input>
        <span>The stream name will appear in the sidebar navigation as well as reports. We recommend staying away from long names so you can always read the full name</span>

        <p>Choose a folder for this stream</p>
        <select name="" id="folderid">
        <optgroup label="With Signals">
            <?php
                $folders = FolderController::loadStructure(0);
                foreach ($folders as $folder) {
                    $folderId = $folder->folderId;
                    $folderName = $folder->folderName;
                    echo "<option value=\"$folderId\">$folderName</option>";
                    if (count($folder->child) > 0)
                        foreach($folder->child as $childFolder) {
                            $folderId = $childFolder->folderId;
                            $folderName = $childFolder->folderName;
                            echo "<option value=\"$folderId\">-- $folderName</option>";
                        }
            }
            ?>
        </optgroup>				
        </select>

        <p>Doesn't have these words</p>
        <input type="text">
        <span>Use a comma to split multiple search terms</span>
        <div id="savestream-button" class="frame"><button>&nbsp; SAVE THE STREAM &nbsp;</button></div>
    </div>
</div>
